<template>
    <transition name="el-alert-fade">
        <div>
            <span v-if="title || $slots.title"><slot name="title">{{title}}</slot></span>
            <span v-if="description || $slots.description">{{description}}</span>
        </div>
    </transition>
</template>

<script>
    export default {
        name: 'MyAlert',
        props: {
            title: {
                type: String,
                default: ''
            },
            description: {
                type: String,
                default: ''
            },
            type: {
                type: String,
                default: 'info'
            },
            closable: {
                type: Boolean,
                default: true
            },
            closeText: {
                type: String,
                default: ''
            },
        }
    }
</script>

<style lang="scss" scoped>

</style>